<form class="flex" [formGroup]="form" (submit)="onSubmit(form,$event)">
  <mat-card>
      <mat-tab-group>
          <mat-tab label="账户信息">
              <mat-card-header>
                  <mat-card-title>注册：</mat-card-title>
                </mat-card-header>
                <mat-card-content>
                  <mat-form-field class="example-full-width">
                    <input matInput placeholder="你的email" formControlName="email">
                  </mat-form-field>
                  <mat-form-field class="example-full-width">
                    <input matInput placeholder="你的姓名" formControlName="name">
                  </mat-form-field>
                  <div formGroupName="passwordGroup">
                    <mat-form-field class="example-full-width">
                      <input matInput placeholder="你的密码" formControlName="password" type="password">
                    </mat-form-field>
                    <mat-form-field class="example-full-width">
                      <input matInput placeholder="重复输入你的密码" formControlName="pconfirm" type="password">
                    </mat-form-field>
                  </div>
                  <app-image-list-select
                    [useSvgIcon]="true"
                    [cols]="6"
                    [title]="'选择图像'"
                    [items]="items"
                    formControlName="avatar"></app-image-list-select>
                  <button mat-raised-button color="primary" type="submit" [disabled]="!form.valid">注册</button>
                </mat-card-content>
                <mat-card-actions class="text-algin">
                  <p>已有账户?<a href="#/login">登录</a></p>
                  <p>忘记密码?<a href="">找回</a></p>
                </mat-card-actions>
          </mat-tab>
          <mat-tab label="个人信息">
            <div class="example-full-width">
              <app-identity-input formControlName="identity"></app-identity-input>
            </div>
            <div class="example-full-width">
              <app-age-input formControlName="dateOfBirth"></app-age-input>
            </div>
            <div class="example-full-width">
              <app-area-list formControlName ="address"></app-area-list>
            </div>
          </mat-tab>
      </mat-tab-group>
  </mat-card>
</form>

